/* 下-底部导航 */
.footer{
    width: 100%;
    height: 1.2rem;
    background: #fff;
    box-shadow: 0 0 13px rgba(41,204,177,.2);
    border-radius: .4rem .4rem 0 0;
    /* 固定定位 */
    position: fixed;
    left: 0;
    bottom: 0;
    /* 层叠关系 */
    z-index: 9999;
}
.footer>ul{
    width: 7.1rem;
    height: inherit;
    margin: auto;
    /* 弹性盒模型 */
    display: flex;
}
.footer>ul>li{
    width: 25%;
    height: 100%;
    /* box-shadow: 0 0 3px #000; */
}
.footer>ul>li>a{
    /* a元素默认为行内元素，无法直接设置宽高 */
    display: block;
    width: 100%;
    height: inherit;
    /* 弹性盒模型 */
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* 字体色 */
    color: #888;
}
/* 图标标识符 */
.footer>ul>li>a>i{
    font-size: .46rem;
}
.footer>ul>li>a>p{
    font-size: .24rem;
}
/* 设置激活项 */
.footer>ul>li>a.active{
    /* 字体色 */
    color: rgb(41,204,177);
}
/* 设置激活项 */
.footer>ul>li>a.active i{
    font-size: .76rem;
}



/* 带有返回按钮的顶部导航 */
.header_item{
    width: 100%;
    height: 1.48rem;
    background: rgb(41,204,177);
    color: #fff;
    /* 弹性盒模型 */
    display: flex;
    justify-content: center;
    align-items: center;
    /* 固定定位 */
    position: fixed;
    left: 0;
    top: 0;
    /* 层级关系 */
    z-index: 999;
}
.header_item span{
    font-size: .4rem;
}
/* 按钮 */
.header_item button{
    /* 绝对定位 */
    position: absolute;
    left: .2rem;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-size: .5rem;
    font-family: '\5b8b\4f53';/*宋体*/
}